import React from 'react';
import { getEchartData } from '@/api/welcome';
import { useEffect } from 'react';
import Pie from '@/components/Pie';
import { useState } from 'react';
const Welcome = () => {
    const [piedatas, setpiedatas] = useState('');

    useEffect(() => {
        getEchartData().then(res => {
            console.log('res', res);
            // 获取饼图数据
            setpiedatas(res.data.data)
        })
    }, []);

    return (
        <div>
            欢迎页
            {
                piedatas != '' ?
                    <div style={{ display: 'flex' }}>
                        <Pie id='main1' title={'渠道来源'} w='33.3%' data={piedatas.accessFrom} islenged={false}></Pie>
                        <Pie id='mian2' title={'生源来源'} w='33.3%' data={piedatas.area} islenged={true}></Pie>
                        <Pie id='main3' title={'生源性别占比'} w='33.3%' data={piedatas.gender} islenged={false}></Pie>
                    </div> : <></>
            }

        </div>
    );
}

export default Welcome;
